@import '@/common/css/variables.less';
.box-shadow{
	width: 690rpx;padding: 40rpx 30rpx;margin: 40rpx auto 0; border-radius: 20rpx;background-color: #fff;box-shadow: 0 0 30rpx rgba(107,117,255,.5) inset;
	.title{
		.inner{
			height: 50rpx;line-height: 50rpx;padding: 0 22rpx;margin: 0 auto; font-size: 26rpx;color: #fff; background-color: #6b75ff;border-radius: 20rpx 0 20rpx 0;
			.yellow{color: #ffd428;padding: 0 8rpx;}
			.line{padding: 0 20rpx;}
		}
	}
}
.common-title{
	height: 88rpx;
	&::before,&::after{display: block;content: " ";width: 96rpx;height: 16rpx;margin: 0 14rpx; background: url(https://static.newbeaconhotels.com/app/hotel/group/rule.png) no-repeat;background-size: 100%;}
	&::after{transform: rotate(180deg);}
}
.page-brand{
	&.page-footprint{background: #6b75ff url(https://static.newbeaconhotels.com/app/hotel/activity/brand-bg.png) no-repeat top center;background-size: 100%;}
	.banner{
		position: relative;min-height: 100rpx;z-index: 1;
		.image{width: 750rpx;}
		.time{width: 500rpx;height: 44rpx;line-height: 44rpx;text-align: center;font-size: 26rpx;color: #fff;background: url(https://static.newbeaconhotels.com/app/hotel/activity/brand-time.png) no-repeat;background-size: 100%;position: absolute;left: 50%;top: 194rpx;transform: translateX(-50%);}
	}
	.brand{
		position: relative;z-index: 2;
		.list{
			padding-top: 12rpx;align-items: unset;
			.item{
				width: 300rpx;text-align: center;padding: 30rpx 10rpx; border: 3rpx dashed #6b75ff;border-radius: 10rpx;margin-top: 30rpx;position: relative;justify-content: flex-start;
				.tag{height: 40rpx;line-height: 40rpx;padding: 0 22rpx; background-color: #6b75ff;color: #fff;font-size: 26rpx;border-radius: 10rpx 0 10rpx 0; position: absolute;left: -3rpx;top: -3rpx;z-index: 1;}
				.logo{width: 100rpx;height: 100rpx;background-color: #4d4b62;border-radius: 50%;}
				.name{padding: 14rpx 0;}
				.font-b{padding-right: 10rpx;}
				&.shadow{
					border: none;
					.mask{
						width: 100%;height: 100%;background-color: rgba(0,0,0,.55);border-radius: 10rpx;position: absolute;left: 0;top: 0;z-index: 2;
						image{width: 190rpx;height: 66rpx;}
					}
				}
			}
		}
		&.brand-wait{
			.item{
				border: none;
				.logo{background-color: #5b5a61;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
			}
		}
	}
	.prize{
		.item{
			padding: 30rpx 0;border-bottom: 2rpx solid #f5f5f5;
			.image{width: 74rpx;height: 96rpx;}
			.name{flex: 1;padding-left: 16rpx;}
			.need{padding-right: 32rpx;}
			.btn{
				width: 150rpx;height: 46rpx;line-height: 46rpx;text-align: center;font-size: 22rpx;color: #fff; border-radius: 24rpx;background-color: @theme-color;
				&.grey{background-color: #e1e1e1;color: #666666;}
			}
		}
	}
	.rule{
		.content{padding-bottom: 30rpx;font-size: 26rpx;color: #666666;}
	}
}